.pe-option {
    --pe-option-hover-color: #f3f3f3;
    --pe-option-cursor: pointer;
    --pe-option-text-color: var(--pe-color-text);
}

.pe-option {
    min-width: 100%;
    height: 32px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    overflow: hidden;
    cursor: var(--pe-option-cursor);
    color: var(--pe-option-text-color);
    font-size: var(--pe-font-size-default);

    &:hover {
        background-color: var(--pe-option-hover-color);
    }
}

.pe-option-disabled {
    --pe-option-hover-color: var(--pe-color-white);
    --pe-option-cursor: not-allowed;
    --pe-option-text-color: var(--pe-color-placeholder);
}

.pe-option-selected {
    --pe-option-text-color: var(--pe-color-primary);
    font-weight: bold;
}